import { StyleSheet } from 'react-native';

export default StyleSheet.create({
  system: {
    display: 'flex',
    flexDirection: 'column',
    paddingTop: 10,
    paddingBottom: 10,
    height: '100%',
  },
  list: {
    flex: 1,
  },
  font: {
    color: '#444',
  },
  extra: {
    fontSize: 14,
    color: '#888'
  },
  bottom: {
    flex: 1,
    justifyContent: 'flex-end',
  },
  rights: {
    textAlign: 'center',
    color: '#999',
    fontSize: 14,
    fontWeight: '900',
    marginTop: 50,
  }
});
/*
 "display", "width", "height", "top", "left", "right", "bottom",
 "minWidth", "maxWidth", "minHeight", "maxHeight", "margin", "marginVertical",
 "marginHorizontal", "marginTop", "marginBottom", "marginLeft", "marginRight",
 "padding", "paddingVertical", "paddingHorizontal", "paddingTop", "paddingBottom",
 "paddingLeft", "paddingRight", "borderWidth", "borderTopWidth", "borderRightWidth",
 "borderBottomWidth", "borderLeftWidth", "position", "flexDirection", "flexWrap",
 "justifyContent", "alignItems", "alignSelf", "alignContent", "overflow", "flex",
 "flexGrow", "flexShrink", "flexBasis", "aspectRatio", "zIndex", "direction",
 "shadowColor", "shadowOffset", "shadowOpacity", "shadowRadius", "transform",
 "transformMatrix", "decomposedMatrix", "scaleX", "scaleY", "rotation", "translateX",
 "translateY", "backfaceVisibility", "backgroundColor", "borderColor", "borderTopColor",
 "borderRightColor", "borderBottomColor", "borderLeftColor", "borderRadius",
 "borderTopLeftRadius", "borderTopRightRadius", "borderBottomLeftRadius",
 "borderBottomRightRadius", "borderStyle", "opacity", "elevation"
 */
